<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./fonts/css/font-awesome.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/prefecture.css">
    <script src="./js/index.js"></script>
</head>
<body>
    <!-- 顶栏 start -->
    <div class="top_nav">
        <nav>
            <ul>
                <li>
                    <a href="">
                        <img src="https://www.cnblogs.com/images/logo.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM" alt="">
                    </a>
                </li>
                <li>首页</li>
                <li>新闻</li>
                <li>博问</li>
                <li>专区</li>
                <li>闪存</li>
                <li>怀旧</li>
                <li>班级</li>
                <li class="find_expand" onmouseover="show()" onmouseout="hide()">发现
                    <i class="fa fa-chevron-down"></i>
                    <div id="more">
                        <p><a href="">园子</a></p>
                        <p><a href="">招聘</a></p>
                        <p><a href="">小组</a></p>
                        <p><a href="">找找看</a></p>
                    </div>
                </li>
            </ul>

            <ul class="top_nav_right">
                <li>
                    <form action="">
                        <input type="text" name="" id="" placeholder="代码改变世界">
                        <i class="fa fa-search"></i>
                    </form>
                </li>
                <li>登录</li>
                <li>注册</li>
            </ul>
        </nav>
    </div>
    <!-- 顶栏 end -->
    <!-- 背景线 start -->
    <div class="banner-wrapper">
        <div>
            <p>
                <a href="">
                    博客园品牌专区
                </a>
            </p>
            <p>
                你的远见，被千万开发者看见
            </p>
            <p>
                Stay with developers. Build your brand.
            </p>
        </div>
    </div>
    <!-- 背景线 end-->
    <!-- 主体 start -->
    <div class="content">
        <div>
            <div>
                <div class="content_left">
                    <!--左边第一项 start-->
                    <div class="content_left_tit">
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div id="content_lift_tit_sub">
                                <span><i class="fa fa-user">11111111111</i></span>
                                <span><i class="fa fa-eye">222</i></span>
                                <span><i class="fa fa-thumbs-o-up">3</i></span>
                            </div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                    </div>
                    <!--左边第一项 end-->
                    <!--左边第二项 start-->
                    <div class="content_left_ad">
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                    <!--左边第二项 end-->

                    <!--左边第三项 start-->
                    <div class="content_left_tit">
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                        <div>
                            <img class="content_left_tit_img" src="https://brands.cnblogs.com//home-zone/images/brand-logos/huawei_img.png?v=20200821"></img>
                            <div class="content_left_tit_head">有了“质量墙”，程序员再也没有秃头的烦恼</div>
                            <div class="content_lift_tit_introduce">程序员到底应该为所写软件的质量担负多大的责任？有人认为程序员应该为产品负责，也有人认为程序员的主要责任是交付速度，项目质量是项目要去考虑的问题</div>
                            <div></div>
                        </div>
                    </div>
                    <!--左边第三项 end-->
                </div>
                <div class="content_right">
                    <div>
                        <div>
                            <div>
                                <span>新鲜入住</span>
                            </div>
                        </div>
                        <div><img src="https://brands.cnblogs.com/home-zone/images/brand-logos/agora_img.png" alt=""></div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>官方博客</span>
                            </div>
                        </div>
                        <div class="forum">
                            <div><img src="https://brands.cnblogs.com/home-zone/images/brand-logos/huawei_user_img.png" alt=""></div>
                            <div class="forum_right">
                                <div class="forum_tit">华为开发者论坛</div>
                                <div class="forum_att"><div>关注</div></div>
                            </div>
                        </div>
                        <div class="forum">
                            <div><img src="https://brands.cnblogs.com/home-zone/images/brand-logos/huawei_user_img.png" alt=""></div>
                            <div class="forum_right">
                                <div class="forum_tit">华为开发者论坛</div>
                                <div class="forum_att"><div>关注</div></div>
                            </div>
                        </div>
                    </div>
                    <div class="hot_article">
                        <div>
                            <div>
                                <span>热门文章</span>
                            </div>
                        </div>
                        <ul>
                            <li><a href="">声网：一个像素级同步、低延时、超低流量的Web屏幕共享，如何实现？</a></li>
                            <li><a href="">声网：一个像素级同步、低延时、超低流量的Web屏幕共享，如何实现？</a></li>
                            <li><a href="">声网：一个像素级同步、低延时、超低流量的Web屏幕共享，如何实现？</a></li>
                            <li><a href="">声网：一个像素级同步、低延时、超低流量的Web屏幕共享，如何实现？</a></li>
                        </ul>
                    </div>

                    <div>
                        <div>
                            <div>
                                <span>合作联系</span>
                            </div>
                        </div>
                        <div class="email"><span><img src="https://brands.cnblogs.com/home-zone/images/icon_email.svg" alt="">bd@cnblogs.com</span></div>
                    </div>

                    <img src="https://brands.cnblogs.com/styles/shengwang/imgs/dev-agora.png" alt="" class="guanggao">
                    <img src="https://brands.cnblogs.com/home-zone/images/banners/1596066-20200806111253484-1241567015.png" alt="" class="guanggao2">
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 end -->
    <span id="top"><a href=""><i class="fa fa-angle-double-up" aria-hidden="true"></i>回到顶部</a></span>
    <!-- 页脚 start-->
    <div class="footer">
        <div></div>
        <div>博客园品牌专区</div>
        <div>
            <a href="">关于博客园</a>
            <a href="">保留所有权利</a>
            <a href="">博客园</a>
            <a href="">©2004-2020</a>
            <a href="">人才服务</a>
            <a href="">联系我们</a>
            <a href="">广告服务</a>
            <a href="">沪ICP备09004260号</a>
        </div>
    </div>
    <!-- 页脚 end -->
</body>
</html>